<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
  <title>Document</title>
</head>
<style>
  .eidt{
    width: 300px;
    height: 200px;
    padding: 5px;
    border: solid 1px #ccc;
    resize: both;
    overflow:auto;
  }
</style>
<body>
  <!-- [html] title与h1、b与strong、i与em的区别分别是什么？ -->

  title标签写在body里面不会被渲染,只能写在head里面,对网站SEO比较重要
  h1标签写在body里面,但是写在head里(不推荐),渲染的时候会自动渲染到body里面去
  b标签与strong标签在表现上是一样的,都自带font-weight: bold属性
  i标签与em标签在表现上是一样的,都自带font-style: italic属性
  b标签与i标签是物理标记,告诉浏览器以何种格式显示文字
  strong标签与em标签是逻辑标记,逻辑元素告诉浏览器这些文字有怎么样的重要性
  b: bold ;
  strong: strong ;
  i: Italic ;
  em: emphasize;
</body>
</html>

